<style tyle="text/css">
  .modal-lg {
    width: 60%;
  }
</style>
<div class="modal-header">
  <h4 class="modal-title">用户信息</h4>
</div>
<div class="modal-body">

  <form name="form" class="form-horizontal" ng-if="status">
    <div class="form-group">
      <div class="col-lg-3 control-label">会员卡号:</div>
      <div class="col-lg-5">
        <input type="text" class="form-control" ng-model="member.smart_card_no" ng-disabled="true">
      </div>
    </div>
    <div class="form-group">
      <div class="col-lg-3 control-label">姓名:</div>
      <div class="col-lg-5">
        <input type="text" class="form-control" ng-model="member.name" placeholder="必填">
      </div>
    </div>
    <div class="form-group">
        <div class="col-lg-3 control-label">手机:</div>
        <div class="col-lg-5">
          <input type="text" class="form-control" ng-model="member.mobile" placeholder="必填">
        </div>
      </div>
      <div class="form-group">
        <div class="col-lg-3 control-label">紧急电话:</div>
        <div class="col-lg-5">
          <input type="text" class="form-control" ng-model="member.emergency_mobile">
        </div>
      </div>
    <div class="form-group">
      <div class="col-lg-3 control-label">性别:</div>
      <div class="col-lg-5">
        <div class="radio">
          <label class="i-checks">
            <input type="radio" ng-model="member.sex" value="1"><i></i>男
          </label>
          <label class="i-checks" style="margin-left: 20px">
            <input type="radio" ng-model="member.sex" value="0"><i></i>女
          </label>
         </div>
      </div>
    </div>
    <div class="form-group">
      <div class="col-lg-3 control-label">出生日期:</div>
      <div class="col-lg-4">
        <div class="input-group">
          <div class="pull-left input-group">
            <input type="text" class="form-control" datepicker-popup="yyyy-MM-dd" ng-model="date.lable" is-open="date.opened"
              readonly close-text="关闭" current-text="今天" clear-text="清除" ng-required="true"/>
            <span class="input-group-btn">
              <button type="button" class="btn btn-default" ng-click="dateOpen($event, date)">
                <i class="glyphicon glyphicon-calendar"></i>
              </button>
            </span>
          </div>
        </div>
      </div>
    </div>
    <div class="form-group">
      <div class="col-lg-3 control-label">地址:</div>
      <div class="col-lg-5">
        <input type="text" class="form-control" ng-model="member.address">
      </div>
    </div>
    
    <div class="form-group">
      <div class="col-lg-3 control-label">身份证号:</div>
      <div class="col-lg-5">
        <input type="text" class="form-control" ng-model="member.id_card">
      </div>
    </div>
    <div class="form-group">
      <div class="col-lg-3 control-label">备注:</div>
      <div class="col-lg-5">
        <textarea rows="3" class="form-control" ng-model="member.remark"></textarea>
      </div>
    </div>

  </form>

  <form name="form1" class="form-horizontal" ng-if="!status">
    <div class="form-group"><i style="color: red">个人信息</i>
      <h4 class="col-lg-3 control-label">姓名:</h4>
      <h4 class="col-lg-2 control-label text-left">{{member.name}}</h4>
      <h4 class="col-lg-2 control-label">性别:</h4>
      <h4 class="col-lg-3 control-label text-left">{{member.sex==1?'男':'女'}}</h4>
    </div>
    <div class="form-group">
      <h4 class="col-lg-3 control-label">出生日期:</h4>
      <h4 class="col-lg-2 control-label text-left">{{member.birthday}}</h4>
      <h4 class="col-lg-2 control-label">身份证号:</h4>
      <h4 class="col-lg-3 control-label text-left">{{member.id_card}}</h4>
      
    </div>
    <div class="form-group">
      <h4 class="col-lg-3 control-label">手机:</h4>
      <h4 class="col-lg-2 control-label text-left">{{member.mobile}}</h4>
      <h4 class="col-lg-2 control-label">紧急电话:</h4>
      <h4 class="col-lg-3 control-label text-left">{{member.emergency_mobile}}</h4>
    </div>
    <div class="form-group">
      <h4 class="col-lg-3 control-label">地址:</h4>
      <h4 class="col-lg-7 control-label text-left">{{member.address}}</h4>
    </div>
    <div class="form-group">
      <h4 class="col-lg-3 control-label">备注:</h4>
      <h4 class="col-lg-7 control-label text-left">{{member.remark}}</h4>
    </div>
    <div class="line line-dashed b-b line-lg pull-in"></div>
    
    <div class="form-group"><i style="color: red">会员卡信息</i>
      <h4 class="col-lg-3 control-label">会员卡号:</h4>
      <h4 class="col-lg-7 control-label text-left">{{member.smart_card_no}}</h4>
    </div>
    <div class="form-group">
      <h4 class="col-lg-3 control-label">余额(元):</h4>
      <h4 class="col-lg-2 control-label text-left">{{member.balance}}</h4>
      <h4 class="col-lg-2 control-label">已消费(元):</h4>
      <h4 class="col-lg-3 control-label text-left">{{member.spend}}</h4>
    </div>
    <div class="form-group">
      <h4 class="col-lg-3 control-label">使用期限:</h4>
      <h4 class="col-lg-7 control-label text-left" ng-show="member.period_star || member.period_end">
        {{member.period_start + ' ~ ' + member.period_end}}
      </h4>
    </div>
    
  </form>

</div>

<div class="modal-footer">
  <button class="btn btn-success" type="button" ng-click="ok()" ng-if="status">确定</button>
  <button class="btn btn-danger" type="button" ng-click="close()">关闭</button>
</div>
